.mint-popup-bottom{
    width: 100%;
}
* {
    padding: 0;
    margin: 0;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-family: PingFangSC-Regular;
    vertical-align: baseline;
}
html, body {
    width: 100%;
    height: 100%;
    background-color: #F2F2F2;
}
@media screen and (max-width: 320px) {
    html {
        font-size: 13px
    }
}
@media screen and (min-width: 310px) and (max-width: 350px) {
    html, body {
        font-size: 13px;
    }
}
@media screen and (min-width: 351px) and (max-width: 370px) {
    html, body {
        font-size: 14px;
    }
}
@media screen and (min-width: 371px) and (max-width: 400px) {
    html, body {
        font-size: 16px;
    }
}
@media screen and (min-width: 401px) and (max-width: 420px) {
    html, body {
        font-size: 18px;
    }
}
